<div id="head-nav" class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-collapse">
      <ul class="nav navbar-nav navbar-right user-nav">
        <li class="dropdown profile_menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <span><%= current_user.username %></span> <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">My Account</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Messages</a></li>
            <li class="divider"></li>
            <li><%= link_to 'Sign Out', backend_logout_path, method: :delete %></li>
          </ul>
        </li>
      </ul>

      <ul class="nav navbar-nav not-nav cl top-nav">
        <li class="button">
          <%= link_to fa_i('home'), backend_root_path, class: 'toggle-menu menu-right push-body' %>
        </li>
        <li class="button">
          <%= link_to fa_i('edit'), new_backend_article_path, class: 'toggle-menu menu-right push-body' %>
        </li>
        <li class="button">
          <%= link_to fa_i('list-alt'), backend_articles_path, class: 'toggle-menu menu-right push-body' %>
        </li>
        <li class="button">
          <%= link_to fa_i('list-alt'), backend_categories_path, class: 'toggle-menu menu-right push-body' %>
        </li>
      </ul>

    </div><!--/.nav-collapse animate-collapse -->
  </div>
</div>